UX 5段階モデル
下に行くほど抽象的になる
考える順序としては、抽象の方から順々に具体化していく
例えば、戦略が明確でないと要件は決まらない
https://gyazo.com/bfb1a8770d62145fe3d2c749159fdd7a
5段階
表層
ビジュアルデザイン
ユーザーが視覚的に認識するデザイン
これを元にHTMLとかを組んでいく
Figmaとかで作るやつかmrsekut.icon
カラー・フォント・ロゴデザインなど視覚的な要素の反映
骨格
ユーザーが理解しやすいインターフェース上の情報設計
情報の優先順位や配置の設計
インターフェースデザイン
情報デザイン
ユーザーが理解しやすいインターフェース上の情報設計
ナビゲーションデザインや画面のレイアウト
構造
サイト全体構造の設計
インタラクションデザイン
プロダクトのどこに、どのようなコンテンツ・機能を配し、それらがどのように関連付けられるのかといったことを決める
要件
戦略に基づいた機能やコンテンツの設計
戦略
Webサイトの目的やユーザーニーズ